.weizhi{
    line-height:40px;
    padding:0 20px;
}
.activeTitle2{
    color:#337ab7!important;
    &.tupian{
        i{
            width:16px;
            height:16px;
            display:inline-block;
            vertical-align: middle;
            background-image:url('../img/menuTupian-active.png')!important;
            background-size:100%!important;
        }
    }
    &.wenzi{
        i{
            width:16px;
            height:16px;
            display:inline-block;
            vertical-align: middle;
            background-image:url('../img/menuWenzi-active.png')!important;
            background-size:100%!important;
        }
    }
    &.yinpin{
        i{
            width:16px;
            height:16px;
            display:inline-block;
            vertical-align: middle;
            background-image:url('../img/menuYinpin-active.png')!important;
            background-size:100%!important;
        }
    }
    &.shipin{
        i{
            width:16px;
            height:16px;
            display:inline-block;
            vertical-align: middle;
            background-image:url('../img/menuShipin-active.png')!important;
            background-size:100%!important;
        }
    }
    &.tuwen{
        i{
            width:16px;
            height:16px;
            display:inline-block;
            vertical-align: middle;
            background-image:url('../img/menuTuwen-active.png')!important;
            background-size:100%!important;
        }
    }
}
.someTitle{
    margin:0 20px 20px 20px;
    border-bottom:1px solid #d7d7d7;
    div{
        font-weight:600;
        color:#333333;
        font-size:14px;
        border-bottom:1px solid #337ab7;
        line-height: 30px;
        margin-left:10px;
    }
    span{
        display:inline-block;
        width:144px;
        height:30px;
        line-height:30px;
        border-radius:5px;
        text-align:center;
        margin-bottom:5px;
    }
}
.menuTabber{
    margin:20px;
    .activeTabber{
        color:#337ab7!important;
        border:1px solid #337ab7!important;
        h3{
            color:#337ab7!important;
        }
        p{
            color:#337ab7!important;
        }
    }
    .menuTabber-right{
       color:#337ab7;
       cursor:pointer;
       position:relative;
       p{
           display:inline-block;
           background:rgba(255,117,51,.1);
           color:#333333;
           line-height:25px;
           padding:0 5px;
           border:1px solid #FF7533;
           border-radius:3px;
           img{
               width:18px;
               height:18px;
           }
       }
       img{
        vertical-align: text-top;
       }
       .menuDescription{
           position:absolute;
           display:none;
           top:35px;
           right:-50px;
           z-index:10;
           section{
            background:#fff;
            width:332px;
            padding:10px;
            //border:1px solid #797979;
            border-radius:4px;
            color:#5E5E5E;
            box-shadow:0px 0px 5px 0 rgba(0,0,0,.2);
            line-height:23px;
            position:relative;
            
            .arrow{
                position: absolute;
                top: 0;
                margin-top: -12px;
                right:47px
                
            }
           .arrow_out{
            //left: -12px;
            display: inline-block;
            width: 0;
            height: 0;
            
            border-bottom: 12px solid #d0d0d0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            }
            .arrow_in{
                //left: -12px;
                display: inline-block;
                width: 0;
                height: 0;
                border-bottom: 12px solid #fff;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
              
            }

           }
           &:hover{
            .menuDescription{
                display:block !important;
            }
           }
           
       }
       .menuDes{
           display:inline-block;
           height:30px;
        &:hover{
            .menuDescription{
                display:block !important;
            }
           }
       }
       
    }
    .menuTabber-left{
        section{
            display:inline-block;
            width:178px;
            height:68px;
            border:1px solid #F2F2F2;
            border-radius:6px;
            text-align:center;
            cursor:pointer;
            padding-top:10px;
            h3{
                font-size:14px;
                font-weight:bold;
                color:#333333;
                line-height: 30px;
            }
            p{
                color:#515151;
            }
        }
    }
}

.menuContent{
    margin:20px;
    
    .menuContent-left{
        width:260px;
        height:465px;
        border:1px solid #CCCCCC;
        border-radius:2px;
        .weixinHead{
            width:100%;
            height:50px;
        }
        .weixinBottom{
            width:100%;
            height:50px;
            line-height:48px;
            background:#f2f2f2;
            border-top: 1px solid #CCCCCC;
            .weixinJianPan{
                width:40px;
                height:50px;
                text-align:center;
                img{
                    width:33px;
                    height:33px;
                    vertical-align: middle;
                }
            }
           .menuParts{
               width:220px;
               height:50px;
               span{
                   box-sizing: border-box;
                   display:inline-block;
                   //min-width:calc(220px /3);
                   width:100%;
                   text-align:center;
                   cursor:pointer;
                   &.activeMainMenu{
                    border:1px solid #337AB7!important;
                   }
                   &.mainMenu{
                       position:relative;
                    //    &:hover{
                    //     border:1px solid #337AB7;
                    //    }
                       .childrenMenu-box{
                            position:absolute;
                            width:100%;
                            background:#fff;
                            box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .2);   
                            bottom:60px;
                            left:0;
                            ul{
                                .activeChild{
                                    color:#337ab7!important;
                                    border:1px solid #337ab7!important;
                                }
                                li{
                                    padding:0 5px;
                                    height:50px;
                                }
                            
                            }
                            .arrow{
                                position: absolute;
                                left: 50%;
                                margin-left: -6px;
                            }
                            .arrow_out{
                                bottom: -6px;
                                display: inline-block;
                                width: 0;
                                height: 0;
                                border-width: 6px;
                                border-style: dashed;
                                border-color: transparent;
                                border-bottom-width: 0;
                                border-top-color: #d0d0d0;
                                border-top-style: solid;
                            }
                            .arrow_in{
                                bottom: -5px;
                                display: inline-block;
                                width: 0;
                                height: 0;
                                border-width: 6px;
                                border-style: dashed;
                                border-color: transparent;
                                border-bottom-width: 0;
                                border-top-color: #fafafa;
                                border-top-style: solid;
                            }
                       }

                      
                       
                   }

                   .addTip{
                       background:#fff;
                       text-align:left;
                       padding-left:10px;
                       position: absolute;
                       left:216px;
                       top:6px;
                       pointer-events: none;
                       width:223px;
                       height:36px;
                       box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .2);  
                       line-height:36px;
                       color:#407ABE;
                       img{
                           width:24px;
                           height:24px;
                           vertical-align:middle;
                           margin-right:4px;
                       }
                       .arrow{
                            position: absolute;
                            top: 50%;
                            margin-top: -8px;
                            
                        }
                       .arrow_out{
                        left: -12px;
                        display: inline-block;
                        width: 0;
                        height: 0;
                        
                        border-right: 12px solid #d0d0d0;
                        border-top: 9px solid transparent;
                        border-bottom: 9px solid transparent;
                        }
                        .arrow_in{
                            left: -12px;
                            display: inline-block;
                            width: 0;
                            height: 0;
                          
                            border-right: 12px solid #fafafa;
                            border-top: 9px solid transparent;
                            border-bottom: 9px solid transparent;
                          
                        }
                   }
               }
               .noMenu-span{
                   border:1px solid #337AB7;
               }
           }
        }
    }
    .menuContent-right, .menuContent-right2{
        width:730px;
        .right-menuName{
            border-bottom:1px solid #D7D7D7;
            padding-bottom:5px;
            input{
                width:150px;
                height:30px;
                line-height:28px;
                border:1px solid #337ab7;
                border-radius:2px;
                padding-left:10px;
                margin-left:10px;
            }
            span{
                color:#337ab7;
                cursor:pointer;
                line-height:40px;
                &.disabledSpan{
                    color:#aeaeae!important;
                    pointer-events:none
                }
            }
        }
        .noMenu{
            text-align:center;
            margin-top:50px;
           img{
               width:328px;
               height:177px;
           } 
           p{
               padding-left:-30px;
               color:#AEAEAE;
               width:80%;
               margin-left:35px;
               margin-top:10px;
               
           }
        }
        .afterDel{
            text-align:center;
            margin-top:200px;
            color:#9a9a9a;
            font-size:16px;
        }
        .menuContRadio{
            margin-top:10px;
            label{
                position:relative;
                display:inline-block;
                font-size:14px;
                color:#333;
                line-height:20px;
                margin-right:10px;
                cursor:pointer;
                input[type="radio"] {
                    position: absolute;
                    clip: rect(0, 0, 0, 0);
                }
                .xuniRadio{
                    box-sizing: border-box;
                    display:inline-block;
                    width:14px;
                    height:14px;
                    border:1px solid #797979;
                    border-radius:50%;
                    padding:2px;
                    background:#ffffff;
                    background-clip: content-box;
                    float:left;
                    margin:3px 6px 0 0;
                }
                input[type="radio"]:checked + .xuniRadio{
                    background:#337ab7!important;
                    border:1px solid #337ab7!important;
                    background-clip: content-box!important;
                    padding:2px!important;
                }

            }
        }
        .intContent{
            margin-top:10px;
            .intContent-title{
                height:50px;
                line-height:50px;
                background:#EFF5FA;
                line-height:50px;
                border-top:2px solid #337AB7;
                padding-left:20px;
                .intContent-title1{
                    font-size:14px;
                    color:#333333;
                    img{
                        width:17px;
                        height:17px;
                        vertical-align:middle;
                        margin-right:5px;
                    }
                }
                .intContent-title2{
                    span{
                        font-size:14px;
                        color:#333333;
                        cursor:pointer;
                        margin-right: 20px;
                        i{
                            width:16px;
                            height:16px;
                            display:inline-block;
                            vertical-align: middle;
                        }
                        &.wenzi{
                            i{
                                background-image:url('../img/menuWenzi.png');
                                background-size:100%;
                            }
                            &:hover{
                                color:#337ab7!important;
                                i{
                                    background-image:url('../img/menuWenzi-active.png');
                                    background-size:100%;
                                }
                            }
                        }
                        &.tupian{
                            i{
                                background-image:url('../img/menuTupian.png');
                                background-size:100%;
                            }
                            &:hover{
                                color:#337ab7!important;
                                i{
                                    background-image:url('../img/menuTupian-active.png');
                                    background-size:100%;
                                }
                            }
                        }
                        &.yinpin{
                            i{
                                background-image:url('../img/menuYinpin.png');
                                background-size:100%;
                            }
                            &:hover{
                                color:#337ab7!important;
                                i{
                                    background-image:url('../img/menuYinpin-active.png');
                                    background-size:100%;
                                }
                            }
                        }
                        &.shipin{
                            i{
                                background-image:url('../img/menuShipin.png');
                                background-size:100%;
                            }
                            &:hover{
                                color:#337ab7!important;
                                i{
                                    background-image:url('../img/menuShipin-active.png');
                                    background-size:100%;
                                }
                            }
                        }
                        &.tuwen{
                            i{
                                background-image:url('../img/menuTuwen.png');
                                background-size:100%;
                            }
                            &:hover{
                                color:#337ab7!important;
                                i{
                                    background-image:url('../img/menuTuwen-active.png');
                                    background-size:100%;
                                }
                            }
                        }
                    }
                }
            }
            .intContent-body{
                border:1px solid #F2F2F2;
                border-radius:5px;
                //padding-bottom:90px;
                //height:330px;
                .radio1{
                    padding:40px 40px;
                    .radio1-row{
                        margin-bottom:10px;
                        select::-ms-expand { display: none; }
                        select{
                            outline:none;
                            margin-left:10px;
                            width:220px;
                            height:30px;
                            line-height:28px;
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            padding-left:5px;
                            /*很关键：将默认的select选择框样式清除*/
                            appearance:none;
                            -moz-appearance:none;
                            -webkit-appearance:none;
                            /*在选择框的最右侧中间显示小箭头图片*/
                            //background: url("../img/arrowDown2.png") no-repeat scroll right center transparent;
                            option{
                                color:#333!important;
                            }
                        }
                        .arrowDown1{
                            // position:absolute;
                            // left:260px;
                            // top:10px;
                            // width:14px;
                            // height:7px;
                            // transform:rotate(180deg);
                            position:relative;
                            top:0;
                            right:27px;
                            width:14px;
                            height:7px;
                            transform:rotate(180deg);
                        }
                        .moniSelect{
                            display:inline-block;
                            vertical-align: middle;
                            margin-left:10px;
                            position:relative;
                            width:220px;
                            height:30px;
                            line-height:28px;
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            padding-left:5px;
                            
                            background:#fff;
                            .arrowDown{
                                width:14px;
                                height:7px;
                                position:absolute;
                                right:8px;
                                top:12px;
                                transform:rotate(180deg);
                            }
                            ul{
                                border:1px solid #C9C9C9;
                                border-radius:2px;
                                position:absolute;
                                background:#fff;
                                top:30px;
                                width:220px;
                                left:0px;
                                li{
                                    padding-left:5px;
                                    cursor:pointer;
                                    color:#333!important;
                                }
                                div{
                                    text-align:right;
                                    color:#337ab7;
                                    border-top:1px solid #F2F2F2;
                                    line-height:26px;
                                    padding-right:5px;
                                    cursor:pointer;
                                }
                            }
                        }
                        input{
                            width:480px;
                            height:30px;
                            line-height:28px;
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            margin-left:10px;
                            padding-left:5px;
                        }

                        .sucaiPart{
                            width:333px;
                            height:90px;
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            display:inline-block;
                            vertical-align: text-top;
                            padding:15px 10px;
                            margin-left:10px;
                            position:relative;
                            .sucaiBaner{
                                width:70px;
                                height:60px;
                                object-fit: cover;
                                display:inline-block;
                                img{
                                    width:70px;
                                    height:60px;
                                }
                            }
                            .sucaiCont{
                                //width:calc(100% - 70px);
                                width:100%;
                                padding-left:10px;
                                p{
                                    line-height:20px;
                                    font-size:13px;
                                    color:#333333;
                                }
                            }
                            .sucaiColse{
                                position:absolute;
                                right:-13px;
                                top:-13px;
                                width:26px;
                                height:26px;
                            }
                        }
                        .addSucai{
                            color:#337ab7;
                            margin-left:10px;
                            cursor:pointer;
                        }
                    }
                }
                .radio2{
                    margin:30px 0 0 20px;
                    padding-bottom:80px;
                    input{
                        width:340px;
                        height:30px;
                        line-height:28px;
                        border:1px solid #C9C9C9;
                        border-radius:2px;
                        padding-left:10px;
                        outline:none;
                    }
                    .addUrlBtn{
                        width:100px;
                        height:30px;
                        line-height:28px;
                        text-align:center;
                        cursor:pointer;
                        color:#fff;
                        background:#337ab7;
                        border-radius:5px;
                        margin-left:90px;
                        margin-top:20px;
                    }
                }
                .radio4{
                    margin:30px 0 0 20px;
                    padding-bottom:20px;
                    .radio4-row{
                        margin-bottom:10px;
                        .moniSelect{
                            display:inline-block;
                            vertical-align: middle;
                            position:relative;
                            width:280px;
                            height:30px;
                            line-height:28px;
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            padding-left:5px;
                           
                            background:#fff;
                            .arrowDown{
                                width:14px;
                                height:7px;
                                position:absolute;
                                right:8px;
                                top:12px;
                                transform:rotate(180deg);
                            }
                            ul{
                                border:1px solid #C9C9C9;
                                border-radius:2px;
                                position:absolute;
                                background:#fff;
                                top:30px;
                                width:220px;
                                left:0px;
                                li{
                                    padding-left:5px;
                                    cursor:pointer;
                                    color:#333!important;
                                }
                                div{
                                    text-align:right;
                                    color:#337ab7;
                                    border-top:1px solid #F2F2F2;
                                    line-height:26px;
                                    padding-right:5px;
                                    cursor:pointer;
                                }
                            }
                        }
                        input{
                            width:280px;
                            height:30px;
                            line-height:30px;
                            padding-left:5px;
                            border-radius:2px;
                            border:1px solid #C9C9C9;
                            outline:none;
                            box-sizing: border-box;
                        }
                    }
                }
                .radio5{
                    margin:30px 0 0 20px;
                    padding-bottom:150px;
                    .moniSelect{
                        display:inline-block;
                        vertical-align: middle;
                        position:relative;
                        width:280px;
                        height:30px;
                        line-height:28px;
                        border:1px solid #C9C9C9;
                        border-radius:2px;
                        padding-left:5px;
                        margin-left:20px;
                       
                        background:#fff;
                        .arrowDown{
                            width:14px;
                            height:7px;
                            position:absolute;
                            right:8px;
                            top:12px;
                            transform:rotate(180deg);
                        }
                        ul{
                            border:1px solid #C9C9C9;
                            border-radius:2px;
                            position:absolute;
                            background:#fff;
                            top:30px;
                            width:220px;
                            left:0px;
                            li{
                                padding-left:5px;
                                cursor:pointer;
                                color:#333!important;
                            }
                            div{
                                text-align:right;
                                color:#337ab7;
                                border-top:1px solid #F2F2F2;
                                line-height:26px;
                                padding-right:5px;
                                cursor:pointer;
                            }
                        }
                    }
                }
                .radio6{
                    margin:30px 0 0 20px;
                    padding-bottom:20px;
                    label{
                        display:block;
                        margin-bottom: 20px;
                    }
                }
                .radio3{
                    .radio3-row{
                        .radio3-imgBox{
                            display:inline-block;
                            width:228px;
                            height:130px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-radius:6px;
                            margin-top:30px;
                            margin-bottom:30px;
                            position:relative;
                            cursor:pointer;
                            img{
                                width:38px;
                                height:38px;
                                margin-top:30px;
                            }
                            &:hover{
                                border:1px solid #337ab7;
                            }
                            input{
                                position:absolute;
                                top:0;
                                left:0;
                                width:100%;
                                height:100%;
                                opacity:0;
                            }
                            
                        }
                    }
                }

            }

            .intContent-bottom{
                text-align:center;
                margin-top:30px;
                span{
                    display:inline-block;
                    margin-right: 10px;
                    width:140px;
                    height:30px;
                    line-height:28px;
                    border:1px solid #337AB7;
                    border-radius:5px;
                    text-align:center;
                    color:#337ab7;
                    cursor:pointer;

                }
                .successBox{
                    line-height:30px;
                    display:inline-block;
                    color:#337ab7;
                    img{
                        width:20px;
                        height:20px;
                        vertical-align: middle;
                        margin-right:6px;
                    }
                }
            }
        }


    }

}


.wenziContent{
    width:729px;
    height:312px;
    border:1px solid #F2F2F2;
    border-radius:5px;
    position:relative;  
    .editor-box{
        height:262px;
        overflow: auto;
        outline: none; 
        padding:10px;
        img{
            padding-right:2px;
            padding-left:2px;
        }
    }
    .editor-bottom{
        line-height:50px;
        padding:0 10px;    
        img{
            width:16px;
            height:16px;
            vertical-align: text-bottom; 
            cursor:pointer;
        }
        a{
            margin-left:16px;  
        }
        p{
            float:right;
        }
        .insertHref{
            position:relative; 
            display: inline-block;
            .hrefDialog{
                position:absolute;
                top:-230px; 
                width:400px; 
                height:230px;
                border:1px solid #E4E4E4;
                border-radius:5px;
                background:#fff;
                box-shadow: 0px 0px 10px 0 rgba(18, 47, 70, .9);
                .hrefDialog-content{
                    width:100%; 
                    height:100%; 
                    position:relative; 
                    padding:30px 10px 0 10px;
                    .hrefDialog-content-row{
                        margin-bottom:20px;
                        color:#333333;
                        position:relative;
                        input{
                            width:280px;
                            height:30px;
                            border-radius:2px; 
                            border:1px solid #C9C9C9; 
                            padding-left:10px;
                            outline:none;
                        }
                        span{
                            position:absolute;
                            left:55px;
                            bottom:-28px; 
                            color:#BD122C; 
                        }
                    }
                    .hrefDialog-content-btn{
                        text-align:center;
                        span{
                            display:inline-block; 
                            width:80px;
                            height:26px;
                            line-height:26px; 
                            text-align:center;  
                            border:1px solid #337ab7;
                            color:#333333;     
                            border-radius:5px;
                        }
                    }
                    .bot{                                                                                   
                         width:0; height:0; font-size:0; overflow:hidden; position:absolute;                 
                         border-width:16px;                                                                  
                         border-style:solid dashed dashed;                                                   
                         border-color:#fff transparent transparent;                                          
                         left:20px;                                                                          
                         bottom:-27px;                                                                       
                    }

                }
            }
        }
    }
}
.emoji_content{
    height:172px!important;
}
.createdGroup-row{
    margin-top:20px;
    .row-left{
        display:inline-block;
        width:146px;
        text-align:right;
        margin-right:20px;
    }
    .downloadErweima{
        position:relative;
        margin-bottom:10px;
        
        span{
            display:inline-block;
            position:absolute;
            &.erweimaTit{
                top:10px;
            }
            &.erweimaDown{
                bottom:10px;
                color:#337ab7;
                cursor:pointer;
                img{
                    width:18px;
                    height:18px;
                    vertical-align: text-bottom;
                    
                }
            }
        }
        .erweimaImg{
            width:158px;
            height:158px;
            margin-left: 160px;
        }
    }
    .tabBar-erweima{
        display:inline-block;
        width:99px;
        line-height:30px;
        text-align:center;
        color:#333;
        //color:#ffffff;
        //background:#337ab7;
        margin-right:2px;
        border:1px solid #D7D7D7;
        cursor:pointer;
        &:nth-of-type(3){
            color:#333;
            background:#ffffff;
            border:1px solid #D7D7D7;
            border-radius:3px;
        }
    }
    .shujuCount{
        display:inline-block;
        span{
            padding-right:10px;
            border-right:1px solid #D7D7D7;
            margin-right:10px;
            &:nth-last-of-type(1){
                border-right:none;
            }
        }
    }
    input,select{
        line-height:30px;
        border:1px solid #D7D7D7;
        border-radius:2px;
        padding-left:10px;
        box-sizing:border-box;
        height:30px;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .dateInput{
        width:204px;
    }
    .nameInput{
        width:455px;
    }
    .countInput{
        width:245px;
    }
    .nameSelect{
        width:245px;
        height:30px;
    }
    label{
        position:relative;
        display:inline-block;
        font-size:14px;
        color:#333;
        line-height:20px;
        margin-right:20px;
    }
    .xuniRadio{
        box-sizing: border-box;
        display:inline-block;
        width:14px;
        height:14px;
        border:1px solid #797979;
        border-radius:50%;
        padding:2px;
        background:#ffffff;
        background-clip: content-box;
        float:left;
        margin:3px 6px 0 0;
    }
    input[type="radio"]:checked + .xuniRadio{
        background:#337ab7!important;
        border:1px solid #337ab7!important;
        background-clip: content-box!important;
        padding:2px!important;
    }
    .bottom-line{
        height:1px;
        width:900px;
        margin-left:-60px;
        background:#F2F2F2;
        margin-top: 10px;
    }
    .operation-box{
        display:inline-block;
        vertical-align: top;
        padding-left:10px;
        span{
            color:#AEAEAE;
        }
        p{
            color:#337AB7;
            margin-top:10px;
            cursor:pointer;
            img{
                width:15px;
                height:15px;
                vertical-align: text-bottom;
            }
            &:hover{
                text-decoration:underline;
            }
        }
    }
    .yinpinContent{
        display:inline-block;
        .yinpinPart{                                                           
                padding:10px;                                                                       
                width:220px;                                                                        
                height:113px;                                                                       
                border-radius:5px;                                                                  
                border:1px solid #F2F2F2;                                                         
                                                                        
                margin-bottom:10px;                                                                
                display:inline-block;    
                .yinpinPart-top{
                    .yinpinPart-imgBox{
                        width:56px;                                                                         
                        height:56px;                                                                        
                        display:inline-block;                                                               
                        background:#F9F9F9;                                                              
                        text-align:center;                                                                  
                        line-height:56px;                                                                   
                        margin-right:10px; 
                        img{
                            width:30px;                                                                         
                            height:30px;                                                                        
                            vertical-align: middle;   
                        }
                    }

                }                                                           
            } 
    }

    .shipinContent{
        display:inline-block;   
        .shipinPart{
            display:inline-block;                                                               
            width:220px;                                                                        
            height:190px;                                                                       
            border-radius:5px;                                                                  
            border:1px solid #F2F2F2;                                                           
            //margin-right:14px;                                                                  
            margin-bottom:10px;  
            .shipinBanner-box{
                img{
                    width:220px;                                                                        
                    height:124px;
                }
            } 
        }

    }
   

    .POIPart{
            padding:10px;                                                                       
            display:inline-block;                                                               
            width:345px;                                                                        
            height:140px;                                                                       
            border-radius:5px;                                                                  
            border:1px solid #F2F2F2;                                                           
            //margin-right:10px;                                                                  
            margin-bottom:6px;
            img{
                width:113px;
                height:113px;
            }
            .POI-des{                                                         
                 width:200px;                                                    
                 text-align:left; 
            }
        }
    

    .imgAndPOI{
        display:inline-block;
       
        //border:1px solid #D7D7D7;
        border-radius:3px;
        border-top-left-radius: 0;
        .imgAndPOI-box{
            position:relative;
            display:inline-block;
            width:170px;
            .box-bannerImg{
                height:110px;
                width:100%;
                object-fit: cover;
            }
            .box-imgName{
                line-height:30px;
                border-radius:3px;
                border:1px solid #D7D7D7;
                margin-top:-3px;
                padding-left: 10px;
            }
            .positionTital{
                position:absolute;
                left:0;
                background:red;
                width:170px;
                line-height:32px;
                top:78px;
                background:rgba(0,0,0,.3);
                color:white;
            }
            ul{
                border:1px solid #D7D7D7;
                margin-top:-3px;
                li{
                    padding:5px;
                   
                    div{
                        width:40px;
                        height:40px;
                        line-height:40px;
                        text-align:center;
                        //background:#337ab7;
                        border-radius:5px;
                        img{
                            width:24px;
                            height:22px;
                            vertical-align: middle;
    
                        }
                    }
                    p{
                        width:120px;
                        box-sizing: border-box;
                        padding-right:5px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        line-height: 23px;
                        max-height: 50px;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        border-bottom:1px solid #D7D7D7;
                        color:#333333;
                    }
                    &:last-child{
                        p{
                            border-bottom:none;
                        }
                    }
                

                }
            }

        }
       
       
    }
    .textType{
        display:inline-block;
        h3{
            color:#AEAEAE;
            span{
                color:#337ab7;
                cursor:pointer;
                margin:0 0px 0 20px;
                img{
                    width:15px;
                    height:15px;
                    vertical-align:text-bottom;
                }
                &:hover{
                    text-decoration:underline;
                }

            }
            
        }
        .textType-content{
            height:70px;
            margin-top:14px;
            p{
                line-height:30px;
            }
        }
        .bottom-line{
            height:1px;
            width:900px;
            margin-left:-60px;
            background:#F2F2F2;
            margin-top: 10px;
        }
    }
    .newCreate{
        display:inline-block;
        .newCreateBtn{
            display:inline-block;
            width:100px;
            border:1px solid #337AB7;
            border-radius:5px;
            text-align:center;
            color:#337AB7;
            line-height:28px;
            cursor:pointer;
        }
        .tabBtns{
            display:inline-block;
            width:600px;
            height:36px;
            //line-height:36px;
            
            vertical-align: bottom;
            position:relative;
           
            .bgImg{
               
                width:600px;
                position:absolute;
                top:-10px;
                left:-10px;
            }
            .posBtn{
                position:absolute;
                top:0;
                left:10px;
                width:600px;
                line-height:36px;
                span{
                    margin-left: 26px;
                    cursor:pointer;
                    img{
                        width:16px;
                        height:16px;
                        vertical-align: text-bottom;
                    }
                    &:hover{
                        color:#337ab7;
                    }
                }
            }
        }
        .tip-error{
            color: #ff0000;
            margin-left:100px;
        }
    }
    .submitBtn{
        text-align: center;
        span{
            display: inline-block;
            width:140px;
            height:30px;
            line-height:28px;
            border:1px solid #337AB7;
            border-radius:5px;
            color:#337AB7;
            text-align:center;
            cursor:pointer;
            margin-right:20px;
        }
    }
    
}


.customMessage{
    margin:0 20px;
    .custom-choose{
        margin-bottom:16px;
        .moniSelect0{
            width:182px;
            height:30px; 
            line-height:28px;
            border:1px solid #C9C9C9;
            border-radius:2px;
            padding-left:5px;
            position:relative;
            display:inline-block;
            vertical-align:middle;
            margin-left:10px;
            .arrowDown3{
                width:10px;
                height:6px;
                position:absolute;
                right:6px;
                top:12px;
            }
            ul{
                padding:10px 0;
                width:182px;
                border:1px solid #C9C9C9;
                border-radius:2px;
                position:absolute;
                top:29px;
                left:-1px;
                background:#fff;
                z-index: 10;
                height:162px;
                overflow:auto;
                li{
                    padding:0 5px;
                    position:relative;
                    i{
                        display:inline-block;
                        width:68%;
                    }
                    span{
                        float:right;
                        margin-left:5px;
                        img{
                            width:14px;
                            height:14px;
                            margin-right:5px;
                            vertical-align: middle;
                        }
                    }
                    &:hover{
                        background:rgba(25,158,216,.1);
                    }
                }
            }
        }
        span{
            color: #337ab7;
            margin-left:20px;
            cursor:pointer;
        }
    }
    .custom-defined{
        span{
            margin-right:10px;
            img{
                width:14px;
                height:14px;
                margin:0 5px;
                vertical-align: sub;
            }
            select{
                outline:none;
                // margin-left:10px;
                width:100px;
                height:30px;
                line-height:28px;
                border:1px solid #C9C9C9;
                border-radius:2px;
                padding-left:5px;
                /*很关键：将默认的select选择框样式清除*/
                appearance:none;
                -moz-appearance:none;
                -webkit-appearance:none;
                /*在选择框的最右侧中间显示小箭头图片*/
                background: url("../img/arrowDown3.png") no-repeat scroll 90% center transparent;    
            }
            section{
                display:inline-block;
                width:100px;
                height:30px;
                line-height:28px;
                border:1px solid #C9C9C9;
                border-radius:2px;
                padding-left:5px;
                vertical-align: middle;
                position:relative;
                img{
                    width:10px;
                    height:7px;
                    position:absolute;
                    right:4px;
                    top:10px;
                }
            }
        }
    }
   
}

.definedMenuDialog{
    width:400px;
    height:238px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    z-index: 101;
    border-radius:5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    .definedMenuDialog-title{
        color:#fff;
        padding:0 10px;
        background:#337AB7;
        width:100%;
        height:40px;
        line-height:40px;
        img{
            float:right;
            background: #fff;
            border-radius:50%;
            margin-top: 10px;
            cursor:pointer;
        }
    }
    .definedMenuDialog-content{
        background:#fff;
        text-align:center;
        margin:40px 0;
        position:relative;
        input{
            margin-left:5px;
            width:267px;
            height:30px;
            padding-left:5px;
            outline:none;
            border:1px solid #C9C9C9;
            border-radius:2px;
        }
        span{
            display:inline-block;
            position:absolute;
            top:36px;
            left:20px;
            width:267px;
        }
    }
    .definedMenuDialog-btn{
        text-align:center;
        margin-top:50px;
        span{
            display:inline-block;
            width:80px;
            height:26px;
            line-height:26px;
            border:1px solid #337AB7;
            color:#333333;
            text-align:center;
            border-radius:5px;
            cursor:pointer;
        }
    }
}

.noMenuContent{
    width:100%;
    text-align:center;
    padding-top: 130px;
    color: #9a9a9a;
    font-size: 16px;
}
#shiyiBox01,#shiyiBox02,#shiyiBox03,#shiyiBox04,#shiyiBox05{
    cursor: pointer;
}
#shiyiBox01:hover .shiyiBox01{
        display:block!important;
}
#shiyiBox02:hover .shiyiBox02{
    display:block!important;
}
#shiyiBox03:hover .shiyiBox03{
    display:block!important;
}
#shiyiBox04:hover .shiyiBox04{
    display:block!important;
}
#shiyiBox05:hover .shiyiBox05{
    display:block!important;
}
.shiyiBox{
    display:none;
    p{
        position: relative;
        .arrow{
            position: absolute;
            top: 0;
            margin-top: -20px;
            right:98px
            
        }
        .arrow_out{
        //left: -12px;
        display: inline-block;
        width: 0;
        height: 0;
        
        border-bottom: 12px solid #d0d0d0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        }
        .arrow_in{
            //left: -12px;
            display: inline-block;
            width: 0;
            height: 0;
            border-bottom: 12px solid #fff;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
          
        }
    }
}


